import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Demo from '../demo/demo.vue'
import Chat from '../demo/chat.vue'


//---------------------   redirection start-----------------
import reLogin from '../redirection/login.vue'

//---------------------   redirection end  -----------------
Vue.use(VueRouter)

const routes = [{
        path: '/demo',
        name: 'Demo',
        component: Demo
    }, {
        path: '/chat',
        name: 'Chat',
        component: Chat
    },
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/about',
        name: 'About',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () =>
            import ( /* webpackChunkName: "about" */ '../views/About.vue')
    }
    //----------------------  redirection --------------------
    , {
        path: '/reLogin',
        name: 'reLogin',
        component: reLogin
    }
    //----------------------  redirection end-----------------
]

const router = new VueRouter({
    routes,
    mode: "history"
})

export default router